<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>photos页面</h2>
    <h3>个人相册</h3>
    <table>
        <tr th:each="photo : ${photos}">
            <td><img src="" th:src="@{/uploads/{photoName}(photoName = ${photo.photoName})}"></td>
        </tr>
    </table>
    <br><br>

    <h3>文件上传</h3>
    <!--  为了保证一次可以选择多张图片，input标签要加上multiple="multiple"  -->
    <form action="/makefriend/photo/fileupload" method="post" enctype="multipart/form-data">
        选择文件：<input type="file" name="upload" multiple="multiple"/><br/>
        <input type="submit" value="上传文件"/>
    </form>
    <h3>上传的图片</h3>
    <!--  把一次选择的照片展示出来  -->
    <table>
        <tr th:each="photoName : ${photoNames}">
            <td><img src="" th:src="@{/uploads/{photoName}(photoName = ${photoName})}" alt=""></td>
        </tr>
    </table>


</body>
</html>